{% extends 'layout.html' %}
{% load static %}
{% block title %} 演示样例 {% endblock %}
{% block BodyClass %}page-title{% endblock %}
{% block contect %}
  <main class="main">
    <!-- Page Title -->
    <div class="page-title" data-aos="fade">
      <div class="container d-lg-flex justify-content-between align-items-center">
        <h1 class="mb-2 mb-lg-0"></h1>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="{% url 'index'%}"></a></li>
            <li class="current"></li>
          </ol>
        </nav>
      </div>
    </div><!-- End Page Title -->

    <!-- Starter Section Section -->
    <section id="starter-section" class="starter-section section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Starter Section</h2>
        <p>快速开始</p>
      </div><!-- End Section Title -->

      <div class="container">
        <div class="row justify-content-between">

          <div class="col-lg-5 d-flex align-items-center" >
            <ul class="nav nav-tabs" data-aos="fade-up" data-aos-delay="100">
              <li class="nav-item">
                <a data-bs-toggle="tab"></a>
                <img src="data:image/png;base64,{{RadarFile}}" alt="Radar">
              </li>

              <li class="nav-item">
                <a data-bs-toggle="tab"></a>
                <img src="data:image/png;base64,{{PieFile}}" alt="Pie">
              </li>

            </ul>
          </div>

          <div class="col-lg-6" >
            <p>
              --------------------------------------
            </p>
          </div>


            </div>
          <div>
        </div>
      </div>
    </section><!-- /Starter Section Section -->
  </main>

{% endblock %}
